 模板
<template>
  <!-- 应用根组件模板 -->
  <div>
    <!-- 使用 fade 过渡效果来切换路由视图 -->
    <transition name="fade">
      <router-view />
    </transition>
  </div>
</template>

<script>
/**
 * App 组件
 * 作为应用的根组件，主要负责管理全局状态和样式
 */
export default {
  name: 'App',

  /**
   * 当组件被更新时调用
   * 主要用途是移除加载屏幕
   */
  updated () {
    // 获取加载屏幕的元素
    const loading = document.getElementById('loader-wrapper')
    // 如果加载屏幕元素存在
    if (loading) {
      // 从文档中移除加载屏幕元素
      document.body.removeChild(loading)
    }
  }
}
</script>

<style lang="scss">
// 导入自定义的 Bootstrap 主题样式
@import '../packages/assets/style/bsTheme.scss';
</style>

